﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link href="" rel="shortcut icon" />
    <link href="~/static/css/font-awesome.css" rel="stylesheet" />
    <link href="~/static/css/bootstrap-theme.css" rel="stylesheet" />
    <link href="~/static/css/bootstrap.css" rel="stylesheet" />
    <link href="~/static/css/jquery-ui.css" rel="stylesheet" />
    <link href="~/static/css/minifox.css" rel="stylesheet" />
    <link href="~/static/css/common.css" rel="stylesheet" />
    <link href="~/static/css/module.css" rel="stylesheet" />

    <script src="~/static/js/jquery-1.11.1.js"></script>
    <script src="~/static/js/jquery.tmpl.js"></script>
    <script src="~/static/js/jquery-ui-1.12.1.js"></script>
    <script src="~/static/js/bootstrap-3.3.7.js"></script>
    <script src="~/static/js/minifox.js"></script>
    <script src="~/static/js/minifox.ui.js"></script>

    <script type="text/javascript">
        $(function () {
            $(window).resize(MiniFox.debounce(function () {
                var main_h = $(window).innerHeight() - $("#toolbar").outerHeight() - $("#statebar").outerHeight();
                $("#mainContainer").outerHeight(main_h);

            })).resize();
        });
    </script>

    @this.RenderSection("Head", false)

</head>
<body>
    <div id="toolbar" class="container-fluid toolbar">
        @RenderSection("toolbar", false)
    </div>
    <div id="mainContainer" class="container-fluid">
        @RenderBody()
    </div>
    <div id="statebar" class="container-fluid statebar">
        @RenderSection("statebar", false)
    </div>
</body>
</html>
